
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>flask 的form学习之二，Flask-WTF | 我的笔记</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="使用 Flask-WTF的好处是直接在python中定义表单中的字段，比较直观1$ pip install flask-WTF 一. WTForms支持的全部HTML标准字段   字段对象 说明 相当于html的语句    StringField 文本字段    TextAreaField 多行文本字段    PasswordField 密码字段    HiddenField 隐藏文件字段">
<meta property="og:type" content="article">
<meta property="og:title" content="flask 的form学习之二，Flask-WTF">
<meta property="og:url" content="https://gitee.com/superigbt_superigbt/superigbt_superigbt/2021/10/05/flask-form2/index.html">
<meta property="og:site_name" content="我的笔记">
<meta property="og:description" content="使用 Flask-WTF的好处是直接在python中定义表单中的字段，比较直观1$ pip install flask-WTF 一. WTForms支持的全部HTML标准字段   字段对象 说明 相当于html的语句    StringField 文本字段    TextAreaField 多行文本字段    PasswordField 密码字段    HiddenField 隐藏文件字段">
<meta property="og:locale" content="zh_CN">
<meta property="article:published_time" content="2021-10-05T06:19:00.000Z">
<meta property="article:modified_time" content="2022-01-22T06:11:19.008Z">
<meta property="article:author" content="Frank.Li">
<meta property="article:tag" content="建站">
<meta property="article:tag" content="flask框架">
<meta name="twitter:card" content="summary">
  
    <link rel="alternative" href="/atom.xml" title="我的笔记" type="application/atom+xml">
  
  
    <link rel="icon" href="/favicon.png">
  
  
<link rel="stylesheet" href="/css/style.css">

  <!--[if lt IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->
  
<meta name="generator" content="Hexo 6.0.0"></head>
<body>
<div id="container">
  <div id="wrap">
    <header id="header">
  <div id="banner"></div>
  <div id="header-outer" class="outer">
    <div id="header-title" class="inner">
      <h1 id="logo-wrap">
        <a href="/" id="logo">我的笔记</a>
      </h1>
      
    </div>
    <div id="header-inner" class="inner">
      <nav id="main-nav">
        <a id="main-nav-toggle" class="nav-icon"></a>
        
          <a class="main-nav-link" href="/">首页</a>
        
          <a class="main-nav-link" href="/archives">按时间</a>
        
          <a class="main-nav-link" href="/about">关于我</a>
        
          <a class="main-nav-link" href="/categories/%E6%91%98%E6%8A%84%E4%B8%8E%E9%9A%8F%E7%AC%94">摘抄，随笔</a>
        
          <a class="main-nav-link" href="/categories/%E5%BC%80%E5%85%B3%E7%94%B5%E6%BA%90">开关电源</a>
        
      </nav>
      <nav id="sub-nav">
        
          <a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
        
        <a id="nav-search-btn" class="nav-icon" title="Search"></a>
      </nav>
      <div id="search-form-wrap">
        <form action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" class="search-form">
          <input type="search" name="word" maxlength="20" class="search-form-input" placeholder="Search">
          <input type="submit" value="" class="search-form-submit">
          <input name=tn type=hidden value="bds">
          <input name=cl type=hidden value="3">
          <input name=ct type=hidden value="2097152">
          <input type="hidden" name="si" value="gitee.com/superigbt_superigbt/superigbt_superigbt">
        </form>
      </div>
    </div>
  </div>
</header>
    <div class="outer">
      <section id="main"><article id="post-flask-form2" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2021/10/05/flask-form2/" class="article-date">
  <time datetime="2021-10-05T06:19:00.000Z" itemprop="datePublished">2021-10-05</time>
</a>
    
  <div class="article-category">
    <a class="article-category-link" href="/categories/python%E5%AD%A6%E4%B9%A0/">python学习</a>
  </div>

  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 class="article-title" itemprop="name">
      flask 的form学习之二，Flask-WTF
    </h1>
  

      </header>
    
    <div class="article-entry" itemprop="articleBody">
      
        <h3 id="使用-Flask-WTF的好处是直接在python中定义表单中的字段，比较直观"><a href="#使用-Flask-WTF的好处是直接在python中定义表单中的字段，比较直观" class="headerlink" title="使用 Flask-WTF的好处是直接在python中定义表单中的字段，比较直观"></a>使用 Flask-WTF的好处是直接在python中定义表单中的字段，比较直观</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ pip install flask-WTF</span><br></pre></td></tr></table></figure>
<h4 id="一-WTForms支持的全部HTML标准字段"><a href="#一-WTForms支持的全部HTML标准字段" class="headerlink" title="一. WTForms支持的全部HTML标准字段"></a>一. WTForms支持的全部HTML标准字段</h4><table>
<thead>
<tr>
<th>字段对象</th>
<th>说明</th>
<th>相当于html的语句</th>
</tr>
</thead>
<tbody><tr>
<td>StringField</td>
<td>文本字段</td>
<td><input type="text"></td>
</tr>
<tr>
<td>TextAreaField</td>
<td>多行文本字段</td>
<td></td>
</tr>
<tr>
<td>PasswordField</td>
<td>密码字段</td>
<td><input type="checkbox"></td>
</tr>
<tr>
<td>HiddenField</td>
<td>隐藏文件字段</td>
<td></td>
</tr>
<tr>
<td>DateField</td>
<td>文本字段，值为datetime.date文本格式</td>
<td></td>
</tr>
<tr>
<td>DateTimeField</td>
<td>文本字段，值为datetime.datetime文本格式</td>
<td></td>
</tr>
<tr>
<td>IntegerField</td>
<td>文本字段，值为整数</td>
<td></td>
</tr>
<tr>
<td>DecimalField</td>
<td>文本字段，值为decimal.Decimal数</td>
<td></td>
</tr>
<tr>
<td>FloatField</td>
<td>文本字段，值为浮点数</td>
<td></td>
</tr>
<tr>
<td>BooleanField</td>
<td>复选框，值为True或False</td>
<td>&lt;input type=”radio”</td>
</tr>
<tr>
<td>RadioField</td>
<td>一组单选框</td>
<td></td>
</tr>
<tr>
<td>SelectField</td>
<td>下接列表</td>
<td></td>
</tr>
<tr>
<td>SelecMultipleField</td>
<td>可选择多个值的下接列表</td>
<td></td>
</tr>
<tr>
<td>FileField</td>
<td>文件上传</td>
<td></td>
</tr>
<tr>
<td>SubmitField</td>
<td>表单提交按钮</td>
<td><input type="submit"></td>
</tr>
<tr>
<td>FormField</td>
<td>把表单做为字段嵌入另一个表单</td>
<td></td>
</tr>
<tr>
<td>FieldList</td>
<td>一组指定类型的字段</td>
<td></td>
</tr>
</tbody></table>
<h4 id="二-python代码"><a href="#二-python代码" class="headerlink" title="二 python代码"></a>二 python代码</h4><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">from</span> flask <span class="keyword">import</span> Flask</span><br><span class="line"><span class="keyword">from</span> flask <span class="keyword">import</span> render_template</span><br><span class="line"><span class="keyword">from</span> flask_wtf <span class="keyword">import</span> FlaskForm</span><br><span class="line"><span class="keyword">from</span> wtforms.fields <span class="keyword">import</span> (StringField, PasswordField, DateField, BooleanField,</span><br><span class="line">                            SelectField, SelectMultipleField, TextAreaField,</span><br><span class="line">                            RadioField, IntegerField, DecimalField, SubmitField)</span><br><span class="line"><span class="keyword">from</span> wtforms.validators <span class="keyword">import</span> DataRequired, InputRequired, Length, Email, EqualTo, NumberRange</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">app = Flask(__name__)</span><br><span class="line">app.secret_key = <span class="string">&#x27;asdfs&#x27;</span></span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="class"><span class="keyword">class</span> <span class="title">WtfForm</span>(<span class="params">FlaskForm</span>):</span></span><br><span class="line">    <span class="comment"># StringField 文本输入框，必填，用户名长度为4到25之间，占位符</span></span><br><span class="line">    username = StringField(<span class="string">&#x27;用户名：&#x27;</span>, validators=[Length(<span class="built_in">min</span>=<span class="number">4</span>, <span class="built_in">max</span>=<span class="number">25</span>)], render_kw=&#123;<span class="string">&#x27;placeholder&#x27;</span>: <span class="string">&#x27;请输入用户名&#x27;</span>&#125;)</span><br><span class="line"></span><br><span class="line">    <span class="comment"># Email格式</span></span><br><span class="line">    email = StringField(<span class="string">&#x27;邮箱地址：&#x27;</span>, validators=[Email()], render_kw=&#123;<span class="string">&#x27;placeholder&#x27;</span>: <span class="string">&#x27;请输入邮箱地址&#x27;</span>&#125;)</span><br><span class="line"></span><br><span class="line">    <span class="comment"># PasswordField，密码输入框，必填</span></span><br><span class="line">    password = PasswordField(<span class="string">&#x27;密码：&#x27;</span>, validators=[DataRequired()], render_kw=&#123;<span class="string">&#x27;placeholder&#x27;</span>: <span class="string">&#x27;请输入密码&#x27;</span>&#125;)</span><br><span class="line"></span><br><span class="line">    <span class="comment"># 确认密码，必须和密码一致</span></span><br><span class="line">    password2 = PasswordField(<span class="string">&#x27;确认密码：&#x27;</span>, validators=[InputRequired(), EqualTo(<span class="string">&#x27;password&#x27;</span>, <span class="string">&#x27;两次密码要一致&#x27;</span>)])</span><br><span class="line"></span><br><span class="line">    <span class="comment"># IntegerField，文本输入框，必须输入整型数值，范围在16到70之间</span></span><br><span class="line">    age = IntegerField(<span class="string">&#x27;年龄：&#x27;</span>, validators=[NumberRange(<span class="built_in">min</span>=<span class="number">16</span>, <span class="built_in">max</span>=<span class="number">70</span>)])</span><br><span class="line"></span><br><span class="line">    <span class="comment"># DecimalField，文本输入框，必须输入数值，显示时保留一位小数</span></span><br><span class="line">    height = DecimalField(<span class="string">&#x27;身高(cm):&#x27;</span>, places=<span class="number">1</span>)</span><br><span class="line"></span><br><span class="line">    <span class="comment"># DateField，文本输入框，必须输入是&quot;年-月-日&quot;格式的日期</span></span><br><span class="line">    birthday = DateField(<span class="string">&#x27;出生日期：&#x27;</span>, <span class="built_in">format</span>=<span class="string">&#x27;%Y-%m-%d&#x27;</span>)</span><br><span class="line"></span><br><span class="line">    <span class="comment"># RadioField，单选框，choices里的内容会在ul标签里，里面每个项是(值，显示名)对</span></span><br><span class="line">    gender = RadioField(<span class="string">&#x27;性别：&#x27;</span>, choices=[(<span class="string">&#x27;0&#x27;</span>, <span class="string">&#x27;男&#x27;</span>), (<span class="string">&#x27;1&#x27;</span>, <span class="string">&#x27;女&#x27;</span>)], validators=[DataRequired()])</span><br><span class="line"></span><br><span class="line">    <span class="comment"># SelectField，下拉单选框，choices里的内容会在Option里，里面每个项是(值，显示名)对</span></span><br><span class="line">    job = SelectField(<span class="string">&#x27;职业：&#x27;</span>, choices=[</span><br><span class="line">        (<span class="string">&#x27;teacher&#x27;</span>, <span class="string">&#x27;教师&#x27;</span>),</span><br><span class="line">        (<span class="string">&#x27;doctor&#x27;</span>, <span class="string">&#x27;医生&#x27;</span>),</span><br><span class="line">        (<span class="string">&#x27;engineer&#x27;</span>, <span class="string">&#x27;工程师&#x27;</span>),</span><br><span class="line">        (<span class="string">&#x27;lawyer&#x27;</span>, <span class="string">&#x27;律师&#x27;</span>)</span><br><span class="line">    ])</span><br><span class="line"></span><br><span class="line">    <span class="comment"># Select类型，多选框，choices里的内容会在Option里，里面每个项是(值，显示名)对</span></span><br><span class="line">    hobby = SelectMultipleField(<span class="string">&#x27;爱好：&#x27;</span>, choices=[</span><br><span class="line">        (<span class="string">&#x27;0&#x27;</span>, <span class="string">&#x27;吃饭&#x27;</span>),</span><br><span class="line">        (<span class="string">&#x27;1&#x27;</span>, <span class="string">&#x27;睡觉&#x27;</span>),</span><br><span class="line">        (<span class="string">&#x27;2&#x27;</span>, <span class="string">&#x27;敲代码&#x27;</span>)</span><br><span class="line">    ])</span><br><span class="line"></span><br><span class="line">    <span class="comment"># TextAreaField，段落输入框</span></span><br><span class="line">    description = TextAreaField(<span class="string">&#x27;自我介绍：&#x27;</span>, validators=[InputRequired()], render_kw=&#123;<span class="string">&#x27;placeholder&#x27;</span>: <span class="string">&#x27;例：小明，18岁，未婚找女友&#x27;</span>&#125;)</span><br><span class="line"></span><br><span class="line">    <span class="comment"># BooleanField，Checkbox类型，加上default=&#x27;checked&#x27;即默认是选上的</span></span><br><span class="line">    accept_terms = BooleanField(<span class="string">&#x27;是否接受上述条款&#x27;</span>, default=<span class="string">&#x27;checked&#x27;</span>, validators=[DataRequired()])</span><br><span class="line"></span><br><span class="line">    <span class="comment"># SubmitField，Submit按钮</span></span><br><span class="line">    submit = SubmitField(<span class="string">&#x27;提交&#x27;</span>)</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="meta">@app.route(<span class="params"><span class="string">&#x27;/&#x27;</span>, methods=[<span class="string">&#x27;POST&#x27;</span>, <span class="string">&#x27;GET&#x27;</span>]</span>)</span></span><br><span class="line"><span class="function"><span class="keyword">def</span> <span class="title">index</span>():</span></span><br><span class="line">    form = WtfForm()</span><br><span class="line">    <span class="keyword">return</span> render_template(<span class="string">&#x27;wtf.html&#x27;</span>, form=form)</span><br><span class="line"></span><br><span class="line"><span class="keyword">if</span> __name__ == <span class="string">&quot;__main__&quot;</span>:</span><br><span class="line">    app.run(debug=<span class="literal">True</span>)</span><br></pre></td></tr></table></figure>
<h4 id="三-html代码"><a href="#三-html代码" class="headerlink" title="三. html代码"></a>三. html代码</h4><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">&lt;!DOCTYPE <span class="meta-keyword">html</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">html</span> <span class="attr">lang</span>=<span class="string">&quot;en&quot;</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">head</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">meta</span> <span class="attr">charset</span>=<span class="string">&quot;UTF-8&quot;</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">title</span>&gt;</span>Title<span class="tag">&lt;/<span class="name">title</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">head</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">body</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">form</span> <span class="attr">action</span>=<span class="string">&quot;&quot;</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.csrf_token &#125;&#125;</span><br><span class="line">    &#123;&#123; form.username.label &#125;&#125;&#123;&#123; form.username &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.email.label &#125;&#125;&#123;&#123; form.email &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.password.label &#125;&#125;&#123;&#123; form.password &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.password2.label &#125;&#125;&#123;&#123; form.password2 &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.age.label &#125;&#125;&#123;&#123; form.age &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.height.label &#125;&#125;&#123;&#123; form.height &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.birthday.label &#125;&#125;&#123;&#123; form.birthday &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">hr</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.gender.label &#125;&#125;&#123;&#123; form.gender &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.job.label &#125;&#125;&#123;&#123; form.job &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.hobby.label &#125;&#125;&#123;&#123; form.hobby &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.description.label &#125;&#125;&#123;&#123; form.description &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.accept_terms.label &#125;&#125;&#123;&#123; form.accept_terms &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line">    &#123;&#123; form.submit &#125;&#125;</span><br><span class="line">    <span class="tag">&lt;<span class="name">br</span>&gt;</span></span><br><span class="line"></span><br><span class="line"><span class="tag">&lt;/<span class="name">form</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">body</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">html</span>&gt;</span></span><br><span class="line"></span><br></pre></td></tr></table></figure>

      
    </div>
    <footer class="article-footer">
      
        <a data-url="https://gitee.com/superigbt_superigbt/superigbt_superigbt/2021/10/05/flask-form2/" data-id="cl7zulc6m001veiq5di5a2u7q" class="article-share-link" data-share="baidu" data-title="flask 的form学习之二，Flask-WTF">分享到</a>
      

      

      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/flask%E6%A1%86%E6%9E%B6/" rel="tag">flask框架</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E5%BB%BA%E7%AB%99/" rel="tag">建站</a></li></ul>

    </footer>
  </div>
  
    
<nav id="article-nav">
  
    <a href="/2021/10/05/flask-global-var1/" id="article-nav-newer" class="article-nav-link-wrap">
      <strong class="article-nav-caption">下一篇</strong>
      <div class="article-nav-title">
        
          flask全局变量一，视图间的参数传递
        
      </div>
    </a>
  
  
    <a href="/2021/10/04/flask-form1/" id="article-nav-older" class="article-nav-link-wrap">
      <strong class="article-nav-caption">上一篇</strong>
      <div class="article-nav-title">flask 的form学习之一，传统form</div>
    </a>
  
</nav>

  
</article>

</section>
      
      <aside id="sidebar">
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">分类</h3>
    <div class="widget">
      <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Linux/">Linux</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/VirtualBox/">VirtualBox</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/caddy/">caddy</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/cygwin/">cygwin</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/linux%E6%A1%8C%E9%9D%A2/">linux桌面</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/mysql/">mysql</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/python%E5%AD%A6%E4%B9%A0/">python学习</a><span class="category-list-count">19</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/termux/">termux</a><span class="category-list-count">20</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/termux/caddy/">caddy</a><span class="category-list-count">1</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/ubuntu%E7%BB%8F%E9%AA%8C/">ubuntu经验</a><span class="category-list-count">12</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/win10/">win10</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%BB%BA%E7%AB%99/">建站</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%BC%80%E5%85%B3%E7%94%B5%E6%BA%90/">开关电源</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%BF%AB%E6%8D%B7%E9%94%AE/">快捷键</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%89%8B%E6%9C%BA%E7%94%B5%E8%84%91%E4%BA%92%E8%81%94/">手机电脑互联</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%91%98%E6%8A%84%E4%B8%8E%E9%9A%8F%E7%AC%94/">摘抄与随笔</a><span class="category-list-count">10</span></li></ul>
    </div>
  </div>

  
    
  <div class="widget-wrap">
    <h3 class="widget-title">标签</h3>
    <div class="widget">
      <ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/Anlinux/" rel="tag">Anlinux</a><span class="tag-list-count">10</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/LAMP/" rel="tag">LAMP</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Linux/" rel="tag">Linux</a><span class="tag-list-count">4</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Linux%E8%AE%BE%E7%BD%AE/" rel="tag">Linux设置</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/caddy/" rel="tag">caddy</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/caddy-PHP/" rel="tag">caddy+PHP</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/caddy-Vtiger/" rel="tag">caddy+Vtiger</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/caddyV2/" rel="tag">caddyV2</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/code-server/" rel="tag">code-server</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/cygwin/" rel="tag">cygwin</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/flask%E6%A1%86%E6%9E%B6/" rel="tag">flask框架</a><span class="tag-list-count">10</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/fluxbox/" rel="tag">fluxbox</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/hexo/" rel="tag">hexo</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/hexo%E4%B8%BB%E9%A2%98/" rel="tag">hexo主题</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/hexo%E5%AE%89%E8%A3%85/" rel="tag">hexo安装</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/hexo%E9%83%A8%E7%BD%B2/" rel="tag">hexo部署</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/icewm/" rel="tag">icewm</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/lamp-phpmyadmin/" rel="tag">lamp+phpmyadmin</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/linux/" rel="tag">linux</a><span class="tag-list-count">5</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/lumina%E6%A1%8C%E9%9D%A2/" rel="tag">lumina桌面</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/markdown%E8%A1%A8%E6%A0%BC/" rel="tag">markdown表格</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/mysql/" rel="tag">mysql</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/nodejs/" rel="tag">nodejs</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/openbox/" rel="tag">openbox</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/pandas%E5%AD%A6%E4%B9%A0/" rel="tag">pandas学习</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/qemu/" rel="tag">qemu</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/sftp/" rel="tag">sftp</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/ssh/" rel="tag">ssh</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/streamlit-%E6%A1%86%E6%9E%B6/" rel="tag">streamlit 框架</a><span class="tag-list-count">8</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/termux/" rel="tag">termux</a><span class="tag-list-count">12</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/termux-proot-distro/" rel="tag">termux-proot-distro</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/termux%E6%A1%8C%E9%9D%A2/" rel="tag">termux桌面</a><span class="tag-list-count">3</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/ternux/" rel="tag">ternux</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/tmux/" rel="tag">tmux</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/ubtunu%E7%89%88%E6%9C%AC/" rel="tag">ubtunu版本</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/ubuntu-reWifi/" rel="tag">ubuntu-reWifi</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/ubuntu%E4%BF%AE%E6%94%B9DNS/" rel="tag">ubuntu修改DNS</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/ubuntu%E7%BB%8F%E9%AA%8C/" rel="tag">ubuntu经验</a><span class="tag-list-count">7</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/vim/" rel="tag">vim</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/vscode/" rel="tag">vscode</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/wcode/" rel="tag">wcode</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/webbrowser-termux/" rel="tag">webbrowser termux</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%8D%9A%E5%AE%A2/" rel="tag">博客</a><span class="tag-list-count">4</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%BB%BA%E7%AB%99/" rel="tag">建站</a><span class="tag-list-count">18</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%BC%80%E5%85%B3%E7%94%B5%E6%BA%90%E5%9F%BA%E7%A1%80/" rel="tag">开关电源基础</a><span class="tag-list-count">3</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%89%8B%E6%9C%BA%E6%8A%95%E5%B1%8F%E8%BD%AF%E4%BB%B6scrcpy/" rel="tag">手机投屏软件scrcpy</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%8D%A2%E6%BA%90/" rel="tag">换源</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%8E%A7%E5%88%B6%E5%8F%B0/" rel="tag">控制台</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%97%85%E6%B8%B8%E6%94%BB%E7%95%A5/" rel="tag">旅游攻略</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/" rel="tag">机器学习</a><span class="tag-list-count">8</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%9E%81%E7%AE%80%E6%A1%8C%E9%9D%A2/" rel="tag">极简桌面</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E6%A8%A1%E6%8B%9F%E5%99%A8-%E8%99%9A%E6%8B%9F%E6%9C%BA/" rel="tag">模拟器&#x2F;虚拟机</a><span class="tag-list-count">6</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E7%B3%BB%E7%BB%9F%E5%AE%89%E8%A3%85/" rel="tag">系统安装</a><span class="tag-list-count">5</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E7%BC%96%E8%BE%91%E5%99%A8/" rel="tag">编辑器</a><span class="tag-list-count">5</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E8%99%9A%E6%8B%9F%E6%9C%BA/" rel="tag">虚拟机</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E8%B6%A3%E8%A8%80/" rel="tag">趣言</a><span class="tag-list-count">4</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E8%BF%9C%E7%A8%8B%E6%A1%8C%E9%9D%A2/" rel="tag">远程桌面</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E9%9A%8F%E7%AC%94/" rel="tag">随笔</a><span class="tag-list-count">4</span></li></ul>
    </div>
  </div>

  
    
  <div class="widget-wrap">
    <h3 class="widget-title">标签云</h3>
    <div class="widget tagcloud">
      <a href="/tags/Anlinux/" style="font-size: 18px;">Anlinux</a> <a href="/tags/LAMP/" style="font-size: 10px;">LAMP</a> <a href="/tags/Linux/" style="font-size: 13px;">Linux</a> <a href="/tags/Linux%E8%AE%BE%E7%BD%AE/" style="font-size: 10px;">Linux设置</a> <a href="/tags/caddy/" style="font-size: 11px;">caddy</a> <a href="/tags/caddy-PHP/" style="font-size: 10px;">caddy+PHP</a> <a href="/tags/caddy-Vtiger/" style="font-size: 10px;">caddy+Vtiger</a> <a href="/tags/caddyV2/" style="font-size: 10px;">caddyV2</a> <a href="/tags/code-server/" style="font-size: 10px;">code-server</a> <a href="/tags/cygwin/" style="font-size: 11px;">cygwin</a> <a href="/tags/flask%E6%A1%86%E6%9E%B6/" style="font-size: 18px;">flask框架</a> <a href="/tags/fluxbox/" style="font-size: 10px;">fluxbox</a> <a href="/tags/hexo/" style="font-size: 10px;">hexo</a> <a href="/tags/hexo%E4%B8%BB%E9%A2%98/" style="font-size: 10px;">hexo主题</a> <a href="/tags/hexo%E5%AE%89%E8%A3%85/" style="font-size: 10px;">hexo安装</a> <a href="/tags/hexo%E9%83%A8%E7%BD%B2/" style="font-size: 11px;">hexo部署</a> <a href="/tags/icewm/" style="font-size: 10px;">icewm</a> <a href="/tags/lamp-phpmyadmin/" style="font-size: 11px;">lamp+phpmyadmin</a> <a href="/tags/linux/" style="font-size: 14px;">linux</a> <a href="/tags/lumina%E6%A1%8C%E9%9D%A2/" style="font-size: 10px;">lumina桌面</a> <a href="/tags/markdown%E8%A1%A8%E6%A0%BC/" style="font-size: 10px;">markdown表格</a> <a href="/tags/mysql/" style="font-size: 11px;">mysql</a> <a href="/tags/nodejs/" style="font-size: 10px;">nodejs</a> <a href="/tags/openbox/" style="font-size: 10px;">openbox</a> <a href="/tags/pandas%E5%AD%A6%E4%B9%A0/" style="font-size: 10px;">pandas学习</a> <a href="/tags/qemu/" style="font-size: 10px;">qemu</a> <a href="/tags/sftp/" style="font-size: 10px;">sftp</a> <a href="/tags/ssh/" style="font-size: 11px;">ssh</a> <a href="/tags/streamlit-%E6%A1%86%E6%9E%B6/" style="font-size: 17px;">streamlit 框架</a> <a href="/tags/termux/" style="font-size: 19px;">termux</a> <a href="/tags/termux-proot-distro/" style="font-size: 10px;">termux-proot-distro</a> <a href="/tags/termux%E6%A1%8C%E9%9D%A2/" style="font-size: 12px;">termux桌面</a> <a href="/tags/ternux/" style="font-size: 10px;">ternux</a> <a href="/tags/tmux/" style="font-size: 10px;">tmux</a> <a href="/tags/ubtunu%E7%89%88%E6%9C%AC/" style="font-size: 10px;">ubtunu版本</a> <a href="/tags/ubuntu-reWifi/" style="font-size: 10px;">ubuntu-reWifi</a> <a href="/tags/ubuntu%E4%BF%AE%E6%94%B9DNS/" style="font-size: 10px;">ubuntu修改DNS</a> <a href="/tags/ubuntu%E7%BB%8F%E9%AA%8C/" style="font-size: 16px;">ubuntu经验</a> <a href="/tags/vim/" style="font-size: 10px;">vim</a> <a href="/tags/vscode/" style="font-size: 11px;">vscode</a> <a href="/tags/wcode/" style="font-size: 10px;">wcode</a> <a href="/tags/webbrowser-termux/" style="font-size: 10px;">webbrowser termux</a> <a href="/tags/%E5%8D%9A%E5%AE%A2/" style="font-size: 13px;">博客</a> <a href="/tags/%E5%BB%BA%E7%AB%99/" style="font-size: 20px;">建站</a> <a href="/tags/%E5%BC%80%E5%85%B3%E7%94%B5%E6%BA%90%E5%9F%BA%E7%A1%80/" style="font-size: 12px;">开关电源基础</a> <a href="/tags/%E6%89%8B%E6%9C%BA%E6%8A%95%E5%B1%8F%E8%BD%AF%E4%BB%B6scrcpy/" style="font-size: 10px;">手机投屏软件scrcpy</a> <a href="/tags/%E6%8D%A2%E6%BA%90/" style="font-size: 11px;">换源</a> <a href="/tags/%E6%8E%A7%E5%88%B6%E5%8F%B0/" style="font-size: 10px;">控制台</a> <a href="/tags/%E6%97%85%E6%B8%B8%E6%94%BB%E7%95%A5/" style="font-size: 11px;">旅游攻略</a> <a href="/tags/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/" style="font-size: 17px;">机器学习</a> <a href="/tags/%E6%9E%81%E7%AE%80%E6%A1%8C%E9%9D%A2/" style="font-size: 10px;">极简桌面</a> <a href="/tags/%E6%A8%A1%E6%8B%9F%E5%99%A8-%E8%99%9A%E6%8B%9F%E6%9C%BA/" style="font-size: 15px;">模拟器/虚拟机</a> <a href="/tags/%E7%B3%BB%E7%BB%9F%E5%AE%89%E8%A3%85/" style="font-size: 14px;">系统安装</a> <a href="/tags/%E7%BC%96%E8%BE%91%E5%99%A8/" style="font-size: 14px;">编辑器</a> <a href="/tags/%E8%99%9A%E6%8B%9F%E6%9C%BA/" style="font-size: 11px;">虚拟机</a> <a href="/tags/%E8%B6%A3%E8%A8%80/" style="font-size: 13px;">趣言</a> <a href="/tags/%E8%BF%9C%E7%A8%8B%E6%A1%8C%E9%9D%A2/" style="font-size: 11px;">远程桌面</a> <a href="/tags/%E9%9A%8F%E7%AC%94/" style="font-size: 13px;">随笔</a>
    </div>
  </div>

  
    
  <div class="widget-wrap">
    <h3 class="widget-title">归档</h3>
    <div class="widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/10/">十月 2022</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/09/">九月 2022</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/06/">六月 2022</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/05/">五月 2022</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/03/">三月 2022</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/02/">二月 2022</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/01/">一月 2022</a><span class="archive-list-count">5</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/12/">十二月 2021</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/11/">十一月 2021</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/10/">十月 2021</a><span class="archive-list-count">5</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/09/">九月 2021</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/08/">八月 2021</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/07/">七月 2021</a><span class="archive-list-count">5</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/06/">六月 2021</a><span class="archive-list-count">10</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/03/">三月 2021</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/02/">二月 2021</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/01/">一月 2021</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/11/">十一月 2020</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/10/">十月 2020</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/09/">九月 2020</a><span class="archive-list-count">9</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/08/">八月 2020</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/07/">七月 2020</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/06/">六月 2020</a><span class="archive-list-count">9</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/05/">五月 2020</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/04/">四月 2020</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/03/">三月 2020</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/02/">二月 2020</a><span class="archive-list-count">7</span></li></ul>
    </div>
  </div>

  
    
  <div class="widget-wrap">
    <h3 class="widget-title">近期文章</h3>
    <div class="widget">
      <ul>
        
          <li>
            <a href="/2022/10/08/linux-calibrate-screen-colors/">Ubuntu 屏幕颜色校准</a>
          </li>
        
          <li>
            <a href="/2022/10/07/debootstrap2/">debootstrap学习笔记2</a>
          </li>
        
          <li>
            <a href="/2022/10/06/debootstrap1/">debootstrap学习笔记1</a>
          </li>
        
          <li>
            <a href="/2022/10/06/ubuntu-install-wine/">ubuntu安装Wine</a>
          </li>
        
          <li>
            <a href="/2022/09/13/excerpt6/">摘抄2---中国真心不容易</a>
          </li>
        
      </ul>
    </div>
  </div>

  
    
  <div class="widget-wrap">
    <h3 class="widget-title">友情链接</h3>
    <div class="widget">
      <ul>
        
          <li>
            <a href="https://superigbt_superigbt.gitee.io/" target="_blank">My-gitee</a>
          </li>
        
          <li>
            <a href="https://superigbt.github.io/" target="_blank">My-github</a>
          </li>
        
          <li>
            <a href="https://hexo.io/themes/" target="_blank">Hexo主题</a>
          </li>
        
          <li>
            <a href="https://github.com/termux/termux-app/releases" target="_blank">Texmux神器</a>
          </li>
        
      </ul>
    </div>
  </div>

  
</aside>
      
    </div>
    <footer id="footer">
  
  <div class="outer">
    <div id="footer-info" class="inner">
      &copy; 2022 Frank.Li<br>
      Powered by <a href="//hexo.io/" target="_blank">Hexo</a>
      .
      Theme by <a href="https://github.com/xiangming/landscape-plus" target="_blank">Landscape-plus</a>
    </div>
  </div>
</footer>
  </div>
  <nav id="mobile-nav">
  
    <a href="/" class="mobile-nav-link">首页</a>
  
    <a href="/archives" class="mobile-nav-link">按时间</a>
  
    <a href="/about" class="mobile-nav-link">关于我</a>
  
    <a href="/categories/%E6%91%98%E6%8A%84%E4%B8%8E%E9%9A%8F%E7%AC%94" class="mobile-nav-link">摘抄，随笔</a>
  
    <a href="/categories/%E5%BC%80%E5%85%B3%E7%94%B5%E6%BA%90" class="mobile-nav-link">开关电源</a>
  
</nav>
  <!-- totop start -->
<div id="totop">
<a title="返回顶部"><img src="/img/scrollup.png"/></a>
</div>

<!-- totop end -->


<!-- 百度分享 start -->

<div id="article-share-box" class="article-share-box">
  <div id="bdshare" class="bdsharebuttonbox article-share-links">
    <a class="article-share-weibo" data-cmd="tsina" title="分享到新浪微博"></a>
    <a class="article-share-weixin" data-cmd="weixin" title="分享到微信"></a>
    <a class="article-share-qq" data-cmd="sqq" title="分享到QQ"></a>
    <a class="article-share-renren" data-cmd="renren" title="分享到人人网"></a>
    <a class="article-share-more" data-cmd="more" title="更多"></a>
  </div>
</div>
<script>
  function SetShareData(cmd, config) {
    if (shareDataTitle && shareDataUrl) {
      config.bdText = shareDataTitle;
      config.bdUrl = shareDataUrl;
    }
    return config;
  }
  window._bd_share_config={
    "common":{onBeforeClick: SetShareData},
    "share":{"bdCustomStyle":"/css/bdshare.css"}
  };
  with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='//bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>

<!-- 百度分享 end -->

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>





<script src="/js/script.js"></script>


</div>
</body>
</html>
